import validate from 'wechat-validate'
const app = getApp()

Page({
  behaviors: [validate], // 页面实例上进行调用
  data: {
    mobile: '13112345678', // 手机号
    code: '', // 验证码
    countDownVisible: false, // 是否显示倒计时组件
  },
  onLoad({ redirectUrl, routeType }) {
    this.redirectUrl = redirectUrl
    this.routeType = routeType
  },
  // 表单数据的规则
  rules: {
    mobile: [
      { required: true, message: '请填写手机号码!' },
      { pattern: /^1[3-8]\d{9}$/, message: '请检查手机号码是否正确!' },
    ],
    code: [
      { required: true, message: '请填写短信验证码!' },
      { pattern: /^\d{6}$/, message: '请检查短信验证码是否正确!' },
    ],
  },
  // 登录
  async submitLogin() {
    // 1. 针对于整个表单, 校验 - 手机号 + 验证码
    // 2. 校验通过, 发送请求
    if (!this.validate()) return
    const { code, data } = await wx.http.post('/login', { mobile: this.data.mobile, code: this.data.code })
    if (code !== 10000) return wx.utils.toast()
    console.log(data)
    // 3. 存储token和refreshToken
    app.setToken('token', data.token)
    app.setToken('refreshToken', data.refreshToken)
    // 4. 回到之前想去的页面
    // 普通的页面  navigateTo / redirectTo 跳转
    // tabbar页面 switchTab
    // this.routeType  ===> switchTab / redirectTo
    wx[this.routeType]({
      url: this.redirectUrl,
    })
  },

  // 获取验证码
  async getCode() {
    const { valid, message } = this.validate('mobile')
    if (!valid) return wx.utils.toast(message)

    this.setData({
      countDownVisible: true,
    })

    // 发送请求 - 获取短信验证码
    const { code, data } = await wx.http.get('/code', { mobile: this.data.mobile })
    if (code !== 10000) return wx.utils.toast()
    console.log('短信发送成功', data.code)
  },

  // 倒计时组件 - 监听倒计时的变化
  countDownChange(ev) {
    this.setData({
      timeData: ev.detail,
      // 倒计时的时长 1min  || sec 大于 0  ===== 显示倒计时组件
      countDownVisible: ev.detail.minutes === 1 || ev.detail.seconds > 0,
    })
  },
})
